<template>
  <div>
    <div class="tab_cont">
      <div class="sel_no">
        材质：<el-input
          size="mini"
          v-model="materialInput"
          class="cate_sel"
          placeholder="请输入材质"
        ></el-input>
      </div>
    </div>
    <div style="text-align: right">
      <el-button type="primary" @click="submitFn">确定</el-button>
      <el-button @click="cancelFn">取消</el-button>
    </div>
  </div>
</template>

<script>
import paginationMixin from './paginationMixin.js';
export default {
  components: {},
  mixins: [paginationMixin],
  data () {
    return {
      materialInput: ''
    };
  },
  methods: {
    submitFn () {
      let materialObj = {
        material: this.materialInput
      };
      this.$emit('submitConcat', materialObj);
    }
  }
};
</script>
<style lang="less" scoped>
.cate_sel {
  width: 200px;
  margin-right: 20px;
}
.tab_cont {
  margin: 20px 0;
}
.sel_no {
  margin: 20px 0;
  margin-left: 13px;
}
</style>
